@import '../../base.scss';

.list-item{
  padding: rem(15px) rem(20px);
  overflow: hidden;
    &.list-item-img{
        display: flex;
        .item-img{
           width: rem(180px);
           height: rem(150px);
        }
        .item-content{
           margin-left: rem(15px);
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           flex: 1;
            p{
                font-size: 14px;
                line-height: 22px;
                 position: relative;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                word-break: break-all;
             }
            .top{
                  font-size: 16px; 
                }
                .bottom{
                    p{
                        &::before{
                            display: inline-block;
                            content: '';
                            vertical-align: middle;
                            margin-right: rem(15px);
                            height: rem(30px);
                            width:rem(30px);
                         }
                         &:nth-of-type(1){
                            color: #00d231;
                            &::before{
                                @include bg-image('./icon_chufadi')
                            }
                           
                        }
                        &:nth-of-type(2){
                            color: #ff6d00;
                            &::before{
                                @include bg-image('./icon_mudidi')
                            }
                           
                        }
                    }
                   
               
                
                
            }
        }
        

    }
}